<!DOCTYPE html>
<!-- Template Name: Clip-One - Frontend | Build with Twitter Bootstrap 3 | Version: 1.0 | Author: ClipTheme -->
<!--[if IE 8]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
<!--[if !IE]><!-->
<html lang="en">
	<!--<![endif]-->
	<!-- start: HEAD -->
	<head>
		<title>Clip-One - Front End</title>
		<!-- start: META -->
		<!--[if IE]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta content="" name="description" />
		<meta content="" name="author" />
		<!-- end: META -->
		<!-- start: MAIN CSS -->
		<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="assets/fonts/style.css">
		<link rel="stylesheet" href="assets/plugins/animate.css/animate.min.css">
		<link rel="stylesheet" href="assets/css/main.css">
		<link rel="stylesheet" href="assets/css/main-responsive.css">
		<link rel="stylesheet" href="assets/css/theme_blue.css" type="text/css" id="skin_color">
		<!-- end: MAIN CSS -->
		<!-- start: CSS REQUIRED FOR THIS PAGE ONLY -->
		<link rel="stylesheet" href="assets/plugins/bootstrap-social-buttons/social-buttons-3.css">
		<link rel="stylesheet" href="assets/plugins/flex-slider/flexslider.css">
		<!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
		<!-- start: HTML5SHIV FOR IE8 -->
		<!--[if lt IE 9]>
		<script src="assets/plugins/html5shiv.js"></script>
		<![endif]-->
		<!-- end: HTML5SHIV FOR IE8 -->
	</head>
	<!-- end: HEAD -->
	<body>
		<!-- start: HEADER -->
		<header>
			<!-- start: SLIDING BAR (SB) -->
			<div id="slidingbar-area">
				<div id="slidingbar">
					<!-- start: SLIDING BAR FIRST COLUMN -->
					<div class="col-md-4 col-sm-4">
						<h2>About Clip-One</h2>
						<p>
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
							Nulla consequat massa quis enim.
							Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
							In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
						</p>
					</div>
					<!-- end: SLIDING BAR FIRST COLUMN -->
					<!-- start: SLIDING BAR SECOND COLUMN -->
					<div class="col-md-4 col-sm-4">
						<h2>Recent Works</h2>
						<div class="blog-photo-stream margin-bottom-30">
							<ul class="list-unstyled">
								<li>
									<a href="#"><img alt="" src="assets/images/image01.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image02.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image03.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image04.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image05.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image06.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image07.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image08.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image09.jpg"></a>
								</li>
								<li>
									<a href="#"><img alt="" src="assets/images/image10.jpg"></a>
								</li>
							</ul>
						</div>
					</div>
					<!-- end: SLIDING BAR SECOND COLUMN -->
					<!-- start: SLIDING BAR THIRD COLUMN -->
					<div class="col-md-4 col-sm-4">
						<h2>Contact Us</h2>
						<address class="margin-bottom-40">
							Clip-One
							<br>
							12345 Street Name, City Name, United States
							<br>
							P: (641)-734-4763
							<br>
							Email:
							<a href="#">
								info@example.com
							</a>
						</address>
					</div>
					<!-- end: SLIDING BAR THIRD COLUMN -->
				</div>
				<!-- start: SLIDING BAR TOGGLE BUTTON -->
				<a href="#" class="sb_toggle">
				</a>
				<!-- end: SLIDING BAR TOGGLE BUTTON -->
			</div>
			<!-- end: SLIDING BAR -->
			<!-- start: TOP BAR -->
			<div class="clearfix " id="topbar">
				<div class="container">
					<div class="row">
						<div class="col-sm-6">
							<!-- start: TOP BAR CALL US -->
							<div class="callus">
								Call Us: (641)-734-4763 - Mail:
								<a href="mailto:info@example.com">
									info@example.com
								</a>
							</div>
							<!-- end: TOP BAR CALL US -->
						</div>
						<div class="col-sm-6">
							<!-- start: TOP BAR SOCIAL ICONS -->
							<div class="social-icons">
								<ul>
									<li class="social-twitter tooltips" data-original-title="Twitter" data-placement="bottom">
										<a target="_blank" href="http://www.twitter.com">
											Twitter
										</a>
									</li>
									<li class="social-dribbble tooltips" data-original-title="Dribbble" data-placement="bottom">
										<a target="_blank" href="http://dribbble.com">
											Dribbble
										</a>
									</li>
									<li class="social-facebook tooltips" data-original-title="Facebook" data-placement="bottom">
										<a target="_blank" href="http://facebook.com">
											Facebook
										</a>
									</li>
									<li class="social-google tooltips" data-original-title="Google" data-placement="bottom">
										<a target="_blank" href="http://google.com">
											Google+
										</a>
									</li>
									<li class="social-linkedin tooltips" data-original-title="LinkedIn" data-placement="bottom">
										<a target="_blank" href="http://linkedin.com">
											LinkedIn
										</a>
									</li>
									<li class="social-youtube tooltips" data-original-title="YouTube" data-placement="bottom">
										<a target="_blank" href="http://youtube.com/">
											YouTube
										</a>
									</li>
									<li class="social-rss tooltips" data-original-title="RSS" data-placement="bottom">
										<a target="_blank" href="#" >
											RSS
										</a>
									</li>
								</ul>
							</div>
							<!-- end: TOP BAR SOCIAL ICONS -->
						</div>
					</div>
				</div>
			</div>
			<!-- end: TOP BAR -->
			<div role="navigation" class="navbar navbar-default navbar-fixed-top space-top">
				<!-- start: TOP NAVIGATION CONTAINER -->
				<div class="container">
					<div class="navbar-header">
						<!-- start: RESPONSIVE MENU TOGGLER -->
						<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<!-- end: RESPONSIVE MENU TOGGLER -->
						<!-- start: LOGO -->
						<a class="navbar-brand" href="index.html">
							CLIP<i class="clip-clip"></i>ONE
						</a>
						<!-- end: LOGO -->
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a href="index.html">
									Home
								</a>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" href="#" data-toggle="dropdown" data-hover="dropdown">
									Pages <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="pages_about.html">
											About Us
										</a>
									</li>
									<li>
										<a href="pages_team.html">
											Team
										</a>
									</li>
									<li>
										<a href="pages_services.html">
											Services
										</a>
									</li>
									<li>
										<a href="pages_careers.html">
											Careers
										</a>
									</li>
									<li>
										<a href="pages_faq.html">
											Faq
										</a>
									</li>
									<li>
										<a href="pages_contact.html">
											Contact Us
										</a>
									</li>
								</ul>
							</li>
							<li class="dropdown mega-menu active">
								<a class="dropdown-toggle" href="#" data-toggle="dropdown" data-hover="dropdown">
									Features <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<!-- start: MEGA MENU CONTENT -->
										<div class="mega-menu-content">
											<div class="row">
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Main Features</span>
															<ul class="sub-menu">
																<li>
																	<a href="features_icons.html">
																		Icons
																	</a>
																</li>
																<li>
																	<a href="features_buttons.html">
																		Buttons
																	</a>
																</li>
																<li>
																	<a href="features_animations.html">
																		Animations
																	</a>
																</li>
																<li>
																	<a href="features_typograpy.html">
																		Typograpy
																	</a>
																</li>
																<li>
																	<a href="features_grid_system.html">
																		Grid System
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Headers and Footers</span>
															<ul class="sub-menu">
																<li>
																	<a href="index.html">
																		Header Version 1
																	</a>
																</li>
																<li>
																	<a href="index_header_2.html">
																		Header Version 2
																	</a>
																</li>
																<li>
																	<a href="index_header_3.html">
																		Header Version 3
																	</a>
																</li>
																<li>
																	<a href="index.html#footer">
																		Footer Version 1
																	</a>
																</li>
																<li>
																	<a href="index_footer_2.html#footer">
																		Footer Version 2
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Extra</span>
															<ul class="sub-menu">
																<li>
																	<a href="extra_search_result.html">
																		Search Result
																	</a>
																</li>
																<li>
																	<a href="extra_pricing_table.html">
																		Pricing Tables
																	</a>
																</li>
																<li>
																	<a href="extra_404.html">
																		404
																	</a>
																</li>
																<li>
																	<a href="extra_500.html">
																		500
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
												<div class="col-sm-3">
													<ul class="sub-menu">
														<li>
															<span class="mega-menu-sub-title">Blog</span>
															<ul class="sub-menu">
																<li class="active">
																	<a href="blog_page.html">
																		Blog Page
																	</a>
																</li>
																<li>
																	<a href="blog_post.html">
																		Blog Post
																	</a>
																</li>
															</ul>
														</li>
													</ul>
												</div>
											</div>
										</div>
										<!-- end: MEGA MENU CONTENT -->
									</li>
								</ul>
							</li>
							<li class="dropdown">
								<a class="dropdown-toggle" href="#" data-toggle="dropdown" data-hover="dropdown">
									Portfolio <b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li>
										<a href="portfolio_example1.html">
											4 Columns Portfolio
										</a>
									</li>
									<li>
										<a href="portfolio_example2.html">
											3 Columns Portfolio
										</a>
									</li>
									<li>
										<a href="portfolio_example3.html">
											2 Columns Portfolio
										</a>
									</li>
									<li>
										<a href="portfolio_item.html">
											Portfolio Item
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a target="_blank" href="../../admin/clip-one/index.html">
									Admin Theme
								</a>
							</li>
							<li class="menu-search">
								<!-- start: SEARCH BUTTON -->
								<a href="#" data-placement="bottom" data-toggle="popover">
									<i class="clip-search-3"></i>
								</a>
								<!-- end: SEARCH BUTTON -->
								<!-- start: SEARCH POPOVER -->
								<div class="popover bottom search-box">
									<div class="arrow"></div>
									<div class="popover-content">
										<!-- start: SEARCH FORM -->
										<form class="" id="searchform" action="#">
											<div class="input-group">
												<input type="text" class="form-control" placeholder="Search">
												<span class="input-group-btn">
													<button class="btn btn-main-color btn-squared" type="button">
														<i class="clip-search-3"></i>
													</button> </span>
											</div>
										</form>
										<!-- end: SEARCH FORM -->
									</div>
								</div>
								<!-- end: SEARCH POPOVER -->
							</li>
						</ul>
					</div>
				</div>
				<!-- end: TOP NAVIGATION CONTAINER -->
			</div>
		</header>
		<!-- end: HEADER -->
		<!-- start: MAIN CONTAINER -->
		<div class="main-container">
			<!-- start: STYLE SELECTOR BOX -->
			<div id="style_selector" class="hidden-xs">
				<div id="style_selector_container">
					<div class="style-main-title">
						Style Selector
					</div>
					<div class="box-title">
						Predefined Color Schemes
					</div>
					<div class="images icons-color">
						<a id="blue" href="#"><img class="active" alt="" src="assets/images/blue.png"></a>
						<a id="purple" href="#"><img alt="" src="assets/images/purple.png"></a>
						<a id="red" href="#"><img alt="" src="assets/images/red.png"></a>
						<a id="orange" href="#"><img alt="" src="assets/images/orange.png"></a>
						<a id="green" href="#"><img alt="" src="assets/images/green.png"></a>
					</div>
					<div style="height:25px;line-height:25px; text-align: center">
						<a class="clear_style" href="#">
							Clear Styles
						</a>
						<a class="save_style" href="#">
							Save Styles
						</a>
					</div>
				</div>
				<div class="style-toggle close"></div>
			</div>
			<!-- end: STYLE SELECTOR BOX -->
			<section class="page-top">
				<div class="container">
					<div class="col-md-4 col-sm-4">
						<h1>Blog Page</h1>
					</div>
					<div class="col-md-8 col-sm-8">
						<ul class="pull-right breadcrumb">
							<li>
								<a href="index.html">
									Home
								</a>
							</li>
							<li>
								<a href="#">
									Features
								</a>
							</li>
							<li class="active">
								Blog Page
							</li>
						</ul>
					</div>
				</div>
			</section>
			<section class="wrapper">
				<div class="container">
					<div class="row">
						<div class="col-md-9">
							<div class="blog-posts">
								<article>
									<div class="row">
										<div class="col-md-5">
											<div class="post-image">
												<div class="flexslider" data-plugin-options='{"directionNav":true}'>
													<ul class="slides">
														<li>
															<img src="assets/images/image01.jpg" />
														</li>
														<li>
															<img src="assets/images/image02.jpg" />
														</li>
														<li>
															<img src="assets/images/image03.jpg" />
														</li>
														<li>
															<img src="assets/images/image04.jpg" />
														</li>
													</ul>
												</div>
											</div>
										</div>
										<div class="col-md-7">
											<div class="post-content">
												<h2>
												<a href="blog_post.html">
													Euismod atras vulputate iltricies etri elit
												</a></h2>
												<p>
													Euismod atras vulputate iltricies etri elit per conubia nostra, per inceptos himenaeos. Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. Pellentesque pellentesque tempor tellus eget hendrerit. Morbi id aliquam ligula. Aliquam id dui sem. Proin rhoncus consequat nisl, eu ornare mauris tincidunt vitae. [...]
												</p>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="post-meta">
												<span><i class="fa fa-calendar"></i> January 11, 2014 </span>
												<span><i class="fa fa-user"></i> By
													<a href="#">
														Peter Clark
													</a> </span>
												<span><i class="fa fa-tag"></i>
													<a href="#">
														Bootstrap
													</a>,
													<a href="#">
														Design
													</a> </span>
												<span><i class="fa fa-comments"></i>
													<a href="#">
														36 Comments
													</a></span>
												<a class="btn btn-xs btn-main-color pull-right" href="blog_post.html">
													Read more...
												</a>
											</div>
										</div>
									</div>
								</article>
								<article>
									<div class="row">
										<div class="col-md-5">
											<div class="post-image">
												<div class="flexslider" data-plugin-options='{"directionNav":true}'>
													<ul class="slides">
														<li>
															<img src="assets/images/image05.jpg" />
														</li>
														<li>
															<img src="assets/images/image06.jpg" />
														</li>
													</ul>
												</div>
											</div>
										</div>
										<div class="col-md-7">
											<div class="post-content">
												<h2>
												<a href="blog_post.html">
													Euismod atras vulputate iltricies etri elit
												</a></h2>
												<p>
													Euismod atras vulputate iltricies etri elit per conubia nostra, per inceptos himenaeos. Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. [...]
												</p>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="post-meta">
												<span><i class="fa fa-calendar"></i> January 11, 2014 </span>
												<span><i class="fa fa-user"></i> By
													<a href="#">
														Peter Clark
													</a> </span>
												<span><i class="fa fa-tag"></i>
													<a href="#">
														Bootstrap
													</a>,
													<a href="#">
														Design
													</a> </span>
												<span><i class="fa fa-comments"></i>
													<a href="#">
														36 Comments
													</a></span>
												<a class="btn btn-xs btn-main-color pull-right" href="blog_post.html">
													Read more...
												</a>
											</div>
										</div>
									</div>
								</article>
								<article>
									<div class="row">
										<div class="col-md-5">
											<div class="post-image">
												<div class="flexslider" data-plugin-options='{"directionNav":true}'>
													<ul class="slides">
														<li>
															<img src="assets/images/image07.jpg" />
														</li>
														<li>
															<img src="assets/images/image08.jpg" />
														</li>
													</ul>
												</div>
											</div>
										</div>
										<div class="col-md-7">
											<div class="post-content">
												<h2>
												<a href="blog_post.html">
													Euismod atras vulputate iltricies etri elit
												</a></h2>
												<p>
													Euismod atras vulputate iltricies etri elit per conubia nostra, per inceptos himenaeos. Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. Pellentesque pellentesque tempor tellus eget hendrerit. Morbi id aliquam ligula. Aliquam id dui sem. Proin rhoncus consequat nisl, eu ornare mauris tincidunt vitae. [...]
												</p>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="post-meta">
												<span><i class="fa fa-calendar"></i> January 11, 2014 </span>
												<span><i class="fa fa-user"></i> By
													<a href="#">
														Peter Clark
													</a> </span>
												<span><i class="fa fa-tag"></i>
													<a href="#">
														Bootstrap
													</a>,
													<a href="#">
														Design
													</a> </span>
												<span><i class="fa fa-comments"></i>
													<a href="#">
														36 Comments
													</a></span>
												<a class="btn btn-xs btn-main-color pull-right" href="blog_post.html">
													Read more...
												</a>
											</div>
										</div>
									</div>
								</article>
								<ul class="pagination">
									<li>
										<a href="#">
											«
										</a>
									</li>
									<li class="active">
										<a href="#">
											1
										</a>
									</li>
									<li>
										<a href="#">
											2
										</a>
									</li>
									<li>
										<a href="#">
											3
										</a>
									</li>
									<li>
										<a href="#">
											»
										</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="col-md-3">
							<aside class="sidebar">
								<form>
									<div class="input-group">
										<input type="text" id="s" name="s" placeholder="Search..." class="form-control">
										<span class="input-group-btn">
											<button class="btn btn-main-color" type="submit">
												<i class="fa fa-search"></i>
											</button> </span>
									</div>
								</form>
								<hr>
								<h4>Categories</h4>
								<ul class="nav nav-list blog-categories">
									<li>
										<a href="#">
											Travel
										</a>
									</li>
									<li>
										<a href="#">
											Design
										</a>
									</li>
									<li>
										<a href="#">
											Videos
										</a>
									</li>
									<li>
										<a href="#">
											Photography
										</a>
									</li>
									<li>
										<a href="#">
											Lifestyle
										</a>
									</li>
								</ul>
								<div class="tabs">
									<ul class="nav nav-tabs">
										<li class="active">
											<a data-toggle="tab" href="#popularPosts"><i class="fa fa-star"></i> Popular</a>
										</li>
										<li>
											<a data-toggle="tab" href="#recentPosts">
												Recent
											</a>
										</li>
									</ul>
									<div class="tab-content">
										<div id="popularPosts" class="tab-pane active">
											<ul class="post-list">
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img alt="" src="assets/images/image03_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Nullam Vitae Nibh Un Odiosters
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img alt="" src="assets/images/image04_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Vitae Nibh Un Odiosters
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img alt="" src="assets/images/image05_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Odiosters Nullam Vitae
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
											</ul>
										</div>
										<div id="recentPosts" class="tab-pane">
											<ul class="post-list">
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img class="img-responsive" alt="" src="assets/images/image06_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Vitae Nibh Un Odiosters
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img alt="" src="assets/images/image07_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Odiosters Nullam Vitae
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
												<li>
													<div class="post-image">
														<div class="img-thumbnail">
															<a href="#">
																<img alt="" src="assets/images/image08_thumb.jpg">
															</a>
														</div>
													</div>
													<div class="post-info">
														<a href="#">
															Nullam Vitae Nibh Un Odiosters
														</a>
														<div class="post-meta">
															Jan 10, 2014
														</div>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<hr>
								<h4>About Us</h4>
								<p>
									Culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus.
								</p>
							</aside>
						</div>
					</div>
				</div>
			</section>
		</div>
		<!-- end: MAIN CONTAINER -->
		<!-- start: FOOTER -->
		<footer id="footer">
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<div class="newsletter">
							<h4>Newsletter</h4>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.
							</p>
							<form method="POST" action="#" id="newsletterForm">
								<div class="input-group">
									<input type="text" id="email" name="email" placeholder="Email Address" class="form-control">
									<span class="input-group-btn">
										<button type="submit" class="btn btn-default">
											Go!
										</button> </span>
								</div>
							</form>
						</div>
					</div>
					<div class="col-md-3">
						<h4>Latest Tweet</h4>
						<div class="twitter" id="tweet">
							<i class="fa fa-twitter"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.
							<a href="#" class="time">
								12 Dec
							</a>
						</div>
					</div>
					<div class="col-md-4">
						<div class="contact-details">
							<h4>Contact Us</h4>
							<ul class="contact">
								<li>
									<p>
										<i class="fa fa-map-marker"></i><strong>Address:</strong> 1234 Street Name, City Name, United States
									</p>
								</li>
								<li>
									<p>
										<i class="fa fa-phone"></i><strong>Phone:</strong> (123) 456-7890
									</p>
								</li>
								<li>
									<p>
										<i class="fa fa-envelope"></i><strong>Email:</strong>
										<a href="mailto:mail@example.com">
											mail@example.com
										</a>
									</p>
								</li>
							</ul>
						</div>
					</div>
					<div class="col-md-2">
						<h4>Follow Us</h4>
						<div class="social-icons">
							<ul>
								<li class="social-twitter tooltips" data-original-title="Twitter" data-placement="bottom">
									<a target="_blank" href="http://www.twitter.com">
										Twitter
									</a>
								</li>
								<li class="social-facebook tooltips" data-original-title="Facebook" data-placement="bottom">
									<a target="_blank" href="http://facebook.com" data-original-title="Facebook">
										Facebook
									</a>
								</li>
								<li class="social-linkedin tooltips" data-original-title="LinkedIn" data-placement="bottom">
									<a target="_blank" href="http://linkedin.com" data-original-title="LinkedIn">
										LinkedIn
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-copyright">
				<div class="container">
					<div class="row">
						<div class="col-md-1">
							<a class="logo" href="index.html">
								CLIP<i class="clip-clip"></i>ONE
							</a>
						</div>
						<div class="col-md-7">
							<p>
								&copy; Copyright 2014 by Clip-One. All Rights Reserved.<img src="http://i.imgur.com/XACTjQa.jpg">
							</p>
						</div>
						<div class="col-md-4">
							<nav id="sub-menu">
								<ul>
									<li>
										<a href="#">
											FAQ's
										</a>
									</li>
									<li>
										<a href="#">
											Sitemap
										</a>
									</li>
									<li>
										<a href="#">
											Contact
										</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<a id="scroll-top" href="#"><i class="fa fa-angle-up"></i></a>
		<!-- end: FOOTER -->
		<!-- start: MAIN JAVASCRIPTS -->
		<!--[if lt IE 9]>
		<script src="assets/plugins/respond.min.js"></script>
		<script src="assets/plugins/excanvas.min.js"></script>
		<script src="assets/plugins/html5shiv.js"></script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<![endif]-->
		<!--[if gte IE 9]><!-->
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
		<!--<![endif]-->
		<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
		<script src="assets/plugins/jquery.transit/jquery.transit.js"></script>
		<script src="assets/plugins/hover-dropdown/twitter-bootstrap-hover-dropdown.min.js"></script>
		<script src="assets/plugins/jquery.appear/jquery.appear.js"></script>
		<script src="assets/plugins/blockUI/jquery.blockUI.js"></script>
		<script src="assets/plugins/jquery-cookie/jquery.cookie.js"></script>
		<script src="assets/js/main.js"></script>
		<!-- end: MAIN JAVASCRIPTS -->
		<!-- start: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
		<script src="assets/plugins/flex-slider/jquery.flexslider.js"></script>
		<!-- end: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
		<script>
			jQuery(document).ready(function() {
				Main.init();
			});
		</script>
	</body>
</html>